.header {
  height: 224upx;
  background: linear-gradient(#1b8cd2, #89f7fe);
}
.header .text {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 55upx;
  justify-content: space-between;
  height: 110upx;
}
.header .text .iconfont {
  margin-right: 15upx;
}
.header .content {
  padding: 20upx;
  width: 690upx;
  min-height: 260upx;
  background: #fff;
  margin: 0 auto;
  border-radius: 6upx;
}
.header .content .row {
  display: flex;
  align-items: center;
  margin-bottom: 25upx;
}
.gridList {
  display: flex;
  align-items: center;
  background: #fff;
  margin-top: 30upx;
}
.gridList .gridItem {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 35upx 0;
}
.gridList .gridItem .iconfont {
  font-size: 52upx;
  margin-bottom: 10upx;
}
